
/* Global Css */
// @import './asset/iconfont/iconfont.wxss';

/* Color */
@color_1: #269c90;
@color_2: #242122;
@color_3: #a8a8af;
@color_4: #fff;
@color_5: #e5e7e9;
@color_6: #f7f7f7;
@color_7: #51b1a6;


/* color-alias */

@mainColor: @color_7;
@mainColorDark: @color_1;
@secentColor: @color_3;

@fontColor: @color_2;
@fontColorSecent: @color_3;

@bgColor: @color_4;
@bgColorSecent: @color_5;
@bgColorPage: @color_6;

@btnGray: @color_5;


/* font-size */
@FStitlBg: 64px;
@FStitleMd: 54px;
@FStitleSm: 42px;
@FSdef: 32px;
@FSsm: 24px;

/* iconfont */
@iconSizeDf: 42px;
@iconSizeMd: 54px;



/* tools */
@interval: 20px;
@radius: 10px;


.page{
    background: @bgColorPage;
}

.shadow{
    box-shadow: 0 20px 20px -12px rgba(100, 100, 100, .4), 0 12px 18px -14px rgba(100, 100, 100, .6);
}

.em{
    font-weight: 600;
}

.list-card{
    box-sizing: border-box;
    display: block;
    background: @bgColor;

    & + &{
        .list-card-content{
            border-top: 2px solid @color_6;
        }
    }
    
    .list-card-content{
        padding: 2*@interval @interval;
    }
    
    &.center{
         padding: 0 @interval;

         .list-card-content{
             padding: 2*@interval 0;
         }
    }

    &.left{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;

        .list-card-content{
            flex: 1 1;
            padding: 2*@interval @interval;
        }

    }

}


